/*引入混合函数*/
/*声明混合函数*/
/*设置元素的宽度等于当前页面的宽度*/
/*设置文字垂直居中 */
/*设置图片为块级元素，并且宽度为100%*/
/*给图片占位置用的函数*/
/*引入全局变量*/
/*用于放全局变量*/
#fill {
  position: relative;
  width: 100%;
}
#fill .top-nav {
  position: fixed;
  z-index: 1000;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 0.4rem;
  background-color: #1448ae;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.16rem;
}
#fill .top-nav .top-nav1 {
  width: 33.333%;
}
#fill .top-nav .top-nav1 i {
  display: block;
  margin: 0.1rem 0rem 0rem 0.15rem;
  height: 0.175rem;
  width: 0.175rem;
  background: url(../images/icon/sprites.png) no-repeat -0.5rem -0.15rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#fill .top-nav p {
  padding: 0.1rem 0rem;
  display: block;
  width: 33.333%;
  text-align: center;
  color: #ffffff;
}
#fill .container {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  margin: 0.3rem auto;
  background-color: #edf1f2;
}
#fill .container .fill-details {
  width: 92%;
  margin: 0 auto;
  padding: 0.16rem 0rem;
  color: #888d94;
}
#fill .container .fill-details .fill-top p:nth-child(1) {
  font-size: 0.17rem;
}
#fill .container .fill-details .fill-top p:nth-child(2) {
  font-size: 0.14rem;
  padding-top: 0.05rem;
}
#fill .container .fill-details .fill-top p:nth-child(3) {
  font-size: 0.14rem;
  padding-top: 0.05rem;
}
#fill .container .fill-details .fill-top p:nth-child(3) span {
  float: right;
}
#fill .container .fill-details .fill-select {
  padding-bottom: 0.3rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
  background-color: #ffffff;
}
#fill .container .fill-details .fill-select ul {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#fill .container .fill-details .fill-select ul li:nth-child(1) {
  width: 14.5%;
}
#fill .container .fill-details .fill-select ul li:nth-child(1) a {
  display: block;
}
#fill .container .fill-details .fill-select ul li:nth-child(1) a i {
  position: absolute;
  top: 0.1rem;
  left: 0.05rem;
  display: block;
  width: 0.35rem;
  height: 0.35rem;
  background: url(../images/icon/sprites.png) no-repeat -0.17rem -2.55rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#fill .container .fill-details .fill-select ul li:nth-child(2) {
  font-size: 0.16rem;
  width: 71%;
}
#fill .container .fill-details .fill-select ul li:nth-child(2) p:nth-child(1) {
  font-size: 0.2rem;
  padding-top: 0.1rem;
}
#fill .container .fill-details .fill-select ul li:nth-child(2) p:nth-child(2) {
  font-size: 0.14rem;
  padding-top: 0.1rem;
}
#fill .container .fill-details .fill-select ul li:nth-child(2) p:nth-child(3) {
  font-size: 0.14rem;
  padding-top: 0.1rem;
}
#fill .container .fill-details .fill-select ul li:nth-child(3) {
  width: 14.5%;
}
#fill .container .fill-details .fill-select ul li:nth-child(3) a {
  display: block;
}
#fill .container .fill-details .fill-select ul li:nth-child(3) a i {
  position: absolute;
  top: 0rem;
  right: 0.05rem;
  display: block;
  width: 0.31rem;
  height: 0.53rem;
  background: url(../images/icon/arrow_03.png) no-repeat center / auto 50%;
}
#fill .container .fill-details .fill-select2 {
  padding-bottom: 0.3rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
  background-color: #ffffff;
}
#fill .container .fill-details .fill-select2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0.2rem 0rem;
}
#fill .container .fill-details .fill-select2 ul li:nth-child(1) {
  width: 14.5%;
  font-size: 0.14rem;
}
#fill .container .fill-details .fill-select2 ul li:nth-child(1) a {
  position: absolute;
  left: 0.1rem;
  display: block;
  width: 0.28rem;
  height: 0.28rem;
  border: 0.02rem solid #CAD7DA;
  border-radius: 50%;
  text-align: center;
  padding-top: 0.04rem;
  color: #CAD7DA;
}
#fill .container .fill-details .fill-select2 ul li:nth-child(2) {
  width: 71%;
  font-size: 0.19rem;
  color: #888D94;
}
#fill .container .fill-details .fill-select2 ul li:nth-child(2).on {
  font-size: 0.14rem;
}
#fill .container .fill-details .fill-select2 ul li:nth-child(3) {
  width: 14.5%;
}
#fill .container .fill-details .fill-select2 ul li:nth-child(3) a {
  display: block;
}
#fill .container .fill-details .fill-select2 ul li:nth-child(3) a i {
  position: absolute;
  top: 0rem;
  right: 0.05rem;
  display: block;
  width: 0.31rem;
  height: 0.53rem;
  background: url(../images/icon/arrow_03.png) no-repeat center / auto 50%;
}
#fill .container .fill-details .fill-select2 ul:nth-child(3) {
  padding-top: 0px;
}
#fill .container .fill-details .fill-select3 {
  padding-bottom: 0.3rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
  background-color: #ffffff;
}
#fill .container .fill-details .fill-select3 ul {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.1rem;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(1) {
  width: 14.5%;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(1) a {
  display: block;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(1) a i {
  position: absolute;
  top: 0.24rem;
  left: 0.1rem;
  display: block;
  width: 0.35rem;
  height: 0.35rem;
  background: url(../images/icon/sprites.png) no-repeat -0.65rem -2.55rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(2) {
  font-size: 0.16rem;
  width: 73%;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(2) p:nth-child(1) {
  font-size: 0.14rem;
  color: #A9AAAD;
  padding-top: 0.1rem;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(2) input {
  margin-top: 0.05rem;
  width: 100%;
  font-size: 0.16rem;
  padding-top: 0.1rem;
  color: #CAD7DA;
  border: none;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(3) {
  width: 12.5%;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(3) a {
  display: block;
}
#fill .container .fill-details .fill-select3 ul li:nth-child(3) a i {
  position: absolute;
  top: 0.24rem;
  right: 0.15rem;
  display: block;
  width: 0.21rem;
  height: 0.23rem;
  background: url(../images/icon/sprites.png) no-repeat -2.22rem -2.59rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#fill .container .fill-details .fill-select4 {
  margin-top: 0.15rem;
  width: 3.48rem;
  height: 0.57rem;
  width: 100%;
  display: block;
  background: url(../images/img/fill-youhuiquan_03.png) no-repeat center / auto 100%;
}
#fill .container .fill-details .fill-select4 div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.17rem;
  padding-top: 0.15rem;
  position: relative;
}
#fill .container .fill-details .fill-select4 div p {
  font-size: 0.19rem;
  color: #676C73;
}
#fill .container .fill-details .fill-select4 div a {
  display: block;
  position: absolute;
  top: 0.1rem;
  right: 0.2rem;
  width: 0.21rem;
  height: 0.36rem;
  background: url(../images/icon/arrow_right3.png) no-repeat center;
}
#fill .container .fill-details .fill-select5 {
  padding-bottom: 0.3rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
  background-color: #ffffff;
}
#fill .container .fill-details .fill-select5 ul {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.1rem;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(1) {
  width: 14.5%;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(1) a {
  display: block;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(1) a i {
  position: absolute;
  top: 0.23rem;
  left: 0.05rem;
  display: block;
  width: 0.35rem;
  height: 0.35rem;
  background: url(../images/icon/sprites.png) no-repeat -1.17rem -2.55rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(2) {
  font-size: 0.16rem;
  width: 71%;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(2) p:nth-child(1) {
  font-size: 0.14rem;
  color: #A9AAAD;
  padding-top: 0.1rem;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(2) p:nth-child(2) {
  font-size: 0.19rem;
  color: #888D94;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(3) {
  width: 14.5%;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(3) a {
  display: block;
}
#fill .container .fill-details .fill-select5 ul li:nth-child(3) a i {
  position: absolute;
  top: 0.2rem;
  right: 0.05rem;
  display: block;
  width: 0.31rem;
  height: 0.53rem;
  background: url(../images/icon/arrow_03.png) no-repeat center / auto 50%;
}
#fill .container .fill-details .fill-select5 ul:nth-child(2) li:nth-child(1) a i {
  background: url(../images/icon/sprites.png) no-repeat -1.71rem -2.55rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#fill .container .fill-details .fill-selected6 {
  width: 100%;
  font-size: 0.14rem;
  color: #A9AAAD;
  margin-top: 0.1rem;
  padding-bottom: 0.52rem;
}
#fill .container .fill-details .fill-selected6 p {
  padding: 0.05rem 0rem;
  position: relative;
  padding-left: 0.2rem;
}
#fill .container .fill-details .fill-selected6 p i {
  position: absolute;
  top: 0.1rem;
  left: 0rem;
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  background: url(../images/icon/sprites.png) no-repeat -2.19rem -2.1rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#fill .fill-footer {
  width: 100%;
  border-top: 0.01rem solid #A9AAAD;
  height: 0.52rem;
  position: fixed;
  left: 0rem;
  bottom: 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#fill .fill-footer .tobal {
  width: 53.3%;
  background-color: #ffffff;
}
#fill .fill-footer .tobal p {
  padding-left: 0.6rem;
  color: #F88412;
  font-size: 0.3rem;
  position: relative;
}
#fill .fill-footer .tobal p span {
  position: absolute;
  left: 0.45rem;
  top: 0.05rem;
  font-size: 0.12rem;
}
#fill .fill-footer .tobal p a {
  font-size: 0.12rem;
  color: #A9AAAD;
  padding-left: 0.05rem;
}
#fill .fill-footer .tobal2 {
  width: 46.7%;
  font-size: 0.3rem;
  background-color: #F88412;
  text-align: center;
}
#fill .fill-footer .tobal2 a {
  color: #ffffff;
}
